@charset "utf-8";
/* CSS Document */
.menu-btn{ position: absolute; top:50%; right:0; height:60px; width:25px; margin-top:-45px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; width:25px; background:#1c55a4; margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999999; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:60px; display:block}
.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background: #1c55a4; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:999999}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; z-index:9999999;box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#1c55a4}
.tanchuang .text .tel{ background:#1c55a4; color:#fff;padding:10px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block;color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#1c55a4; font-size:18px; margin-top:15px}

.phshow{ display:none !important}
.pcshow{ display: block !important}


@media screen and (max-width: 1660px){
.nbanner img{ width:110%; margin-left:-5%}


.banner{ width:108%;}
.banner .swiper-pagination{ margin-left:-4%}
}


@media screen and (max-width: 1440px){
.header .menu li .menu_a{ margin:0 0 0 50px;}
.header .menu li .menu_a:after {right:-25px;}
.header .menu li .sub{ margin-left:25px;}

.iyoushi .item .biaoti p{ font-size:18px;}
.title02 h3{ font-size:28px;}
.iproducts .products_cont .item .wenzi{ font-size:17px;}

.banner{ width:116%;}
.banner .swiper-pagination{ margin-left:-8%}
.inews #newstabcontent .topnews .wenzi .more{ font-size:17px;line-height: 40px;}
.wrap{ width:92%; }
.footer .fnav li .tel{ font-size:24px;}

.title h3{font-size:34px;}
.title p{font-size:28px;}
.title h3:before{width:112px;}
.title h3:after{ width:112px;}
.title p span{  min-width:265px;}
.title p:before{ width:56px;}
.title p:after{ width:56px;}
.kuang{ max-width:420px;}

.iyoushi .title h3:before{ width:95px;}
.iyoushi .title h3:after{ width:95px}
.inews .title p:before{width:50px;}
.inews .title p:after{ width:50px;}

.nbanner img{ width:120%; margin-left:-10%}
}

@media screen and (max-width: 1240px){
	
.header .menu li .menu_a{ margin:0 0 0 40px;}
.header .menu li .menu_a:after {right:-20px;}
.header .menu li .sub{ margin-left:20px;}

.iyoushi .item .biaoti p{ font-size:17px;}
.iyoushi .item .biaoti h3{ font-size:24px;}	
.iyoushi .item .intro{ line-height:25px; min-height:100px;}
.title02 h3{ font-size:24px;}
.inews #newstabcontent .topnews .wenzi .more{ margin-top:25px;}

.title02{ margin:0 0 10px 0;}

.wrap{ width:96%; }

.iproducts .prolei ul a span{ font-size:17px;}
.icase .caselei ul a span{ font-size:17px;}

.inews .newstabmenu li{ font-size:18px; width:145px}
.iabout .conn .abouttop .more{ width:60px; height:58px;margin-left: -30px;}




.title h3{font-size:32px;}
.title p{font-size:26px;}
.title h3:before{width:100px;}
.title h3:after{ width:100px;}
.title p span{  min-width:260px;}
.title p:before{ width:44px;}
.title p:after{ width:44px;}
.kuang{ max-width:390px;}
.iyoushi .title h3:before{ width:85px;}
.iyoushi .title h3:after{ width:85px}
.inews .title p:before{width:45px;}
.inews .title p:after{ width:45px;}
.iabout .qimo8 .qimo ul li{ max-width:250px;}
.inews #newstabcontent .othernews .kuai h3{ font-size:17px;}
.inews .newstabmenu{ margin-bottom:20px;}


.section{ padding:50px 0 80px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}
.nguide li a{ padding:0 15px;}
.nguide ul { font-size: 16px;}


.nbanner img{ width:130%; margin-left:-15%}
.npro .item .wenzi{ font-size:17px}


.newstitle h3{ font-size:28px; line-height:40px;}
}
@media screen and (max-width: 1140px){
.iyoushi .item .biaoti p{ font-size:16px;}
.nguide li a{ padding:0 12px;}

}
@media screen and (max-width: 1024px){
.inews #newstabcontent .topnews .wenzi .more{ display:none}
.footer .fnav li .tel{ font-size:20px;}
.iabout .conn .abouttop .more{ width:50px; height:49px;margin-left: -24.5px;}
.header .menu li .menu_a{ font-size:16px}
.header .menu li .menu_a{ margin:0 0 0 35px;}
.header .menu li .menu_a:after {right:-17.5px;}
.header .menu li .sub{ margin-left:17.5px;}

.title02 h3{ line-height:40px;}
.iabout .conn .abouttop .wenzi{ padding:20px;}
.iyoushi .item{ min-height:620px;}

.iproducts .products_cont .item{ width:32%; margin-right:2%;}
.iproducts .products_cont .item:nth-child(4n){ margin-right:2%}
.iproducts .products_cont .item:nth-child(4n+1){ clear:none}
.iproducts .products_cont .item:nth-child(3n){ margin-right:0}
.iproducts .products_cont .item:nth-child(3n+1){ clear:both}
.iproducts .products_cont .item:nth-child(7), .iproducts .products_cont .item:nth-child(8){ display:none}
.footer .flink span{ font-size:18px;}

.nguide .weizhi{ display:none}
.nguide ul{ text-align:center; float:none}

.nabout .wenzi h3{ font-size:22px;}
.nabout .wenzi p{ line-height:32px;}


.nbanner img{ width:140%; margin-left:-20%}
.nguide{ padding:10px 0}

.npro .conn .item{ float:left; width:32%;}
.npro .conn .item:nth-child(4n){ margin-right:2%}
.npro .conn .item:nth-child(4n+1){ clear:none}
.npro .conn .item:nth-child(3n){ margin-right:0}
.npro .conn .item:nth-child(3n+1){ clear:both}
.hrlist .job{ font-size:16px}

.nnews .newskuai .wenzi h3{ margin:0}
}

@media screen and (max-width: 980px){
.float_kf{ display:none}	
.header .use{ display:none}
.header:after{ display:none}
.menu-btn{ display:block}

.banner{ width:120%;}
.banner .swiper-pagination{ margin-left:-10%}

.header .wrap{ height:80px;}
.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px; }
.header{ border-bottom:0}
#a01, #a02, #a03, #a04{ margin-top:-80px;}
.space{height:80px;}

.iyoushi .item{ min-height:590px;}
.footer .fnav li:nth-child(4){ display:none}

.footer .copyright{ margin-bottom:55px;}
.m-foot{ display:block}

.nabout .wenzi h3{ font-size:20px;}

.nbanner img{ width:150%; margin-left:-25%}

.pdetail p span{ width:100px;}
.pdetail p{ padding:10px 10px 10px 120px; }

.nnews .newskuai .wenzi .more{ display:none}

.newstitle h3{ font-size:28px; line-height:35px;}
}

@media screen and (max-width: 768px){
.banner{ width:130%;}
.banner .swiper-pagination{ margin-left:-15%}

.title h3{font-size:30px;}
.title p{font-size:24px;}
.title h3:before{width:90px;}
.title h3:after{ width:90px;}
.title p span{  min-width:240px;}
.title p:before{ width:40px;}
.title p:after{ width:40px;}
.kuang{ max-width:360px;}
.iyoushi .title h3:before{ width:75px;}
.iyoushi .title h3:after{ width:75px}
.inews .title p:before{width:40px;}
.inews .title p:after{ width:40px;}
.inews .news{float: left;width: 100%;}
.inews .faq{ display:none}

.iabout .conn .abouttop .pic{ float:none; width:100%;}
.iabout .conn .abouttop .wenzi{ float:none; width:100%; padding:20px}
.iabout .conn .abouttop .more{ position:relative; left:auto; right:0; margin-top:-50px; margin-left:auto}

.iproducts .prolei ul a span, .icase .caselei ul a span{ font-size:16px}

.iabout .qimo8 .qimo ul li{ max-width:200px;}
.inews #newstabcontent .othernews .kuai h3{ font-size:16px;}

.section{ padding:45px 0 60px 0;}
.sectionpre{ padding-top:45px;}
.sectionnext{ padding-bottom:45px;}

.footer .fnav li:nth-child(1){ display:none}

.footer .flink{ padding:20px 0}
.footer .flink span{ font-size:17px;}

.footer .fnav{ padding:30px 0}

.phshow{ display:block !important}
.pcshow{ display: none !important}

.nabout .pic{ float:none; width:100%; margin-bottom:20px}
.nabout .wenzi{ float:none; width:100%; }

.nbanner img{ width:160%; margin-left:-30%}


.nmain.pcon .pics { float:none; width:100%; margin-bottom:20px;}
.nmain.pcon .wenzi{ float:none; width:100%;}

.nmain .shangxia {position: relative;width: 100%; margin-top:30px;}

.pdetail p span{ width:calc(100% + 20px); margin-top:-10px; margin-left:-10px; margin-bottom:10px; line-height:35px; padding:0px ; display:block; position:relative; left:auto; top:auto}
.pdetail p{ padding:10px 10px 20px 10px; line-height:30px; margin-bottom:20px }

.newstitle h3{ font-size:26px; line-height:30px;}

.hrlist .toptit{ flex-wrap:wrap;}
.hrlist .toptit span{ font-size:12px; width:auto}
.hrlist .toptit .job{ width:100%; font-size:16px;}
.hrlist .cont{ padding:3%; margin:0 2%}


.hrcontent .hrlist{ width:100%; float:none}
.hrcontent .hrcontact{ display:none}

.lianxilist li{ float:none; width:100%; margin-right:0%; margin-bottom:20px;}
.lianxilist li:nth-child(3n){ margin-right:0}

.messbox .items-1{ width:100%; float:none;margin-right:0%}
.messbox .inp-submit{width:100px;}
.messbox .items-1, .messbox .items{ margin-bottom:10px}
}

@media screen and (max-width: 540px){
.banner{ width:140%;}
.banner .swiper-pagination{ margin-left:-20%}

.iproducts .products_cont .item{ width:48.5%; margin-right:3%;}
.iproducts .products_cont .item:nth-child(3n){ margin-right:2%}
.iproducts .products_cont .item:nth-child(3n+1){ clear:none}
.iproducts .products_cont .item:nth-child(2n){ margin-right:0}
.iproducts .products_cont .item:nth-child(2n+1){ clear:both}

.iyoushi .item{ float:left; width:48.5%; max-width:280px; margin-right:0%;}
.iyoushi .item:nth-child(2n){ float:right}
.iyoushi .item:nth-child(2n+1){ clear:both}
.iyoushi .item:nth-child(1), .iyoushi .item:nth-child(2){ margin-bottom:20px;}
.iyoushi .item .pic{ margin-top:20px}

.icase .wrap02 .case_cont .item{ width:48.5%; margin-right:0%; margin-bottom:20px}
.icase .wrap02 .case_cont .item:nth-child(3n+1){ clear:none}
.icase .wrap02 .case_cont .item:nth-child(2n){ float:right}
.icase .wrap02 .case_cont .item:nth-child(2n+1){ clear:both}

.iabout .qimo8 .qimo ul li{ max-width:180px;}

.inews #newstabcontent .othernews .kuai{ float:none; width:100%; padding:12px; margin-top:15px;}
.inews #newstabcontent .othernews .kuai:nth-child(2n){ float:none}


.footer .fnav li:nth-child(2), .footer .fnav li:nth-child(3){ display:none}	


.title h3{font-size:28px;}
.title p{font-size:20px;}

.title h3:before{width:73px;}
.title h3:after{ width:73px;}
.title p:before{ width:30px; margin-right:10px;}
.title p:after{ width:30px;margin-left:10px;}
.kuang{ max-width:320px;}
.iyoushi .title h3:before{ width:55px;}
.iyoushi .title h3:after{ width:55px}
.inews .title p:before{width:30px;}
.inews .title p:after{ width:30px;}

.header .wrap{ height:75px;}
.header .logo{ margin-top:-22.5px;}
.header .logo img{ height:45px; }
.header{ border-bottom:0}
#a01, #a02, #a03, #a04{ margin-top:-75px;}
.space{height:75px;}



.icase .caselei ul a span { margin-top:10px; line-height:20px; text-align:center; display:block; margin-left:auto; margin-right:auto; width:40px;}


.title{ margin-bottom:35px;}
.title p{ margin-top:-10px}
.kuang{ height:36px; margin-top: -59px}

.nbanner img{ width:180%; margin-left:-40%}
.nguide{ padding:8px 0}


.my-gallery{ margin-right:-2%}
.my-gallery > *{ float:left; width:48%; font-size:16x;}


.npro .conn .item{ float:left; width:47%; margin-bottom:20px;}
.npro .conn .item:nth-child(3n){ margin-right:0%}
.npro .conn .item:nth-child(3n+1){ clear:none}
.npro .conn .item:nth-child(2n){ float:right}
.npro .conn .item:nth-child(2n+1){ clear:both}

.nmain .title h3:before, .nmain .title h3:after{ display:none}
.nmain .title{ margin-bottom:20px;}

.npro .item .wenzi{ font-size:16px}

.nmain .wenzi .intro{ line-height:32px; font-size:16px;}
.nmain .wenzi .use .dianhua h3{ font-size:20px;}
.nmain .wenzi .use .dianhua{ float:none; width:100%}
.nmain .wenzi .use .zixun {top: auto; margin-top: 20px; position:relative}


.nnews .newskuai .pic{  float:none; width:100%; margin-bottom:20px;}
.nnews .newskuai .wenzi{ float:none; width:100%;}

.nnews .title{ margin-bottom:0 !important}

.newstitle h3{ font-size:24px; line-height:26px;}

.lianxilist li .iconimg{ width:55px;}
.lianxilist .wenzi{ width:calc(100% - 65px);}
}
@media screen and (max-width: 400px){
.footer .fnav li:nth-child(5) { display:none}
.nbanner img{ width:200%; margin-left:-50%}
}